Another completely useless presentation
2024-03-28
This is a companion testflight of the former. In this slide, I will test some advanced features of reveal.js for my personal use. The features come mostly from Quarto-Revealjs. This is source repo.
🐈🐈🐈
🔗 LINK 내용을 잘 살펴보자.
format.scss: 전체적인 포맷customs.scss: 커스터마이즈theme-dark.scss, theme-light.scss: 테마 컬러 선택customs.scss 특화_Extensions)--my-brightness를 조절해 섹션 헤더의 밝기를 조절하는 코드다..reveal-header .sc-title p,
.reveal-header .sb-title p {
font-size: max(15px, 1.45vw);
/* font-size: max(10px, 1.45vw); */
filter: brightness(var(--my-brightness));
}--my-brightness를 조절해 헤더를 표시되지 않게 하는 것scss든 css든 불러올 수 있다.theme에서 불러오는 것이 대체로 제대로 먹힌다.customs.scss(🔗 LINK)가 적용되어 있다.
.reveal .reveal-header .sc-title 설정customs.scss에 있는 내용이 잘 작동하는가?
theme-dark.scss를 테마에 포함한다.yml에서 설정해주면 된다.# 제목 뒤에 {} 안에 설정하면 개별 슬라이드에서 통제 가능하다.
.unlisted: toc에서 뺀다..unnumbered: 번호를 뺀다.customs.scss에 아래와 같이 설정했다.scrollable: false로 설정left, width는 화면 크기와 해상도에 따라서 달라질 수 있다.right, height의 적당한 조절이 필요하다.customs.css에 slide-logo 관련 추가background-color="#303030"
{layout...} 내에서 css는 먹지 않는다.layout과 같은 수준에서 css를 먹이면 이 예시처럼 잘 먹는다.margin-x는 먹는데 다른 css는 먹지 않는다…margin-x 방법과 비슷하지만 미묘하게 다르게 작동한다..unlisted: TOC에 올라가지 않는다..unnumbered: 번호가 매겨지는 경우 번호가 빠진다.visibility="uncounted": 페이지 카운트에서 제외된다.[...])을 지정해서 slide-number를 지울 수 있다.callout SizeWarning
note, warning, important, tip, and caution.icon=false 옵션과 함께 쓰자.This is Footer! | anarinsk